<script>
function setupMenuBar(){
	var timeout    = 500;
	var closetimer = 0;
	var ddmenuitem = 0;
	
	function jsddm_open()
	{
		jsddm_canceltimer();
	  jsddm_close();
	  ddmenuitem = $(this).find('ul').css('visibility', 'visible');
	}
	
	function jsddm_close()
	{
		if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
	}
	
	function jsddm_timer()
	{
		closetimer = window.setTimeout(jsddm_close, timeout);
	}
	
	function jsddm_canceltimer()
	{
		if(closetimer)
	  {
	  	window.clearTimeout(closetimer);
	    closetimer = null;
	  }
	}
	
	$(document).ready(function()
	{
		$('#jsddm > li').bind('mouseover', jsddm_open)
	  $('#jsddm > li').bind('mouseout',  jsddm_timer)
	}
);
	
	document.onclick = jsddm_close;
}

setupMenuBar();
</script>

<ul id="jsddm">
<? foreach ($menus as $menuName => & $menu):?>
	<li>
		<? if(isset($menu['udi'])): ?>
		<a href="<?php echo url($menu['udi']); ?>"><?=$menuName ?></a>
		<? else: ?>
		<a><?=$menuName ?></a>
		<? endif; ?>
		
		<? if (isset($menu['submenu'])): ?>
		<ul>
		<? foreach ($menu['submenu'] as $submenuName => & $submenu):?>
			<li><a href="<?php echo url($submenu['udi']); ?>"><?=$submenuName ?></a></li>
		<? endforeach; ?>
		</ul>
		<? endif; ?>
	</li>
<? endforeach;?>
</ul>